<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
  <script src="./js/index-服务.js"></script>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/commen-平板.css">
    <link rel="stylesheet" href="./css/index-服务.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="header_top">

        </div>
        <div class="nav ">
            <div class="left">
                <div class="logo">冯柏源22215220432</div>
                <ul>
                    <li>
                        <a href="./index-手机.html" title="手机">手机
                            <div class="nav_left_a_bottom"></div>
                        </a>
                    </li>
                    <li><a href="./index-电脑-1.html" title="电脑">电脑
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./index-平板.html" title="平板">平板
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./watch.html" title="穿戴">穿戴
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./404.html" title="耳机音箱">耳机音箱
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./index-全屋智能.html" title="全屋智能">全屋智能
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./404.html" title="路由器">路由器
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                </ul>
            </div>
            <div class="right">
                <ul>
                    <li><a href="./index-服务支持.html">服务支持
                            <div class="nav_right_a_bottom"></div>
                        </a></li>

                    <li><a href="./index_商用.html">商用
                            <div class="nav_right_a_bottom"></div>
                        </a></li>

                    <!-- 放大镜 -->
                    <li><a href="./sreach.html"></a></li>
                    <!--用户头像  -->
                    <li><a href="./denlu.html"></a></li>
                    <li><a href="./index-商城.html">flytech商城</a></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 欢迎使用华为服务 -->
    <div class="welcome">
        <h1 title="欢迎使用华为服务">欢迎使用华为服务</h1>
        <input type="text" placeholder="请输入您想要了解的信息" title="请输入您想要了解的信息">
        <img src="./imges/images_services/welcom_sousuo.png" class="search" title="搜索" alt="">
        <img src="./imges/images_services/welcome.jpg" alt="" title="欢迎使用华为服务">
    </div>

    <!-- 菜单栏 -->
    <ul class="menu">
        <li>
            <img src="./imges/images_services/menu_phone.png" alt="" title="手机">
            <p title="手机">手机</p>
        </li>
        <li>
            <img src="./imges/images_services/menu_computer.png" alt="" title="电脑及打印机">
            <p title="电脑及打印机">电脑及打印机</p>
        </li>
        <li>
            <img src="./imges/images_services/menu_flat-plate.png" alt="" title="平板">
            <p title="平板">平板</p>
        </li>
        <li>
            <img src="./imges/images_services/menu_wisdom.png" alt="" title="智慧屏">
            <p title="智慧屏">智慧屏</p>
        </li>
        <li>
            <img src="./imges/images_services/menu_watch.png" alt="" title="穿戴">
            <p title="穿戴">穿戴</p>
        </li>
        <li>
            <img src="./imges/images_services/menu_headphones.png" alt="" title="耳机音箱">
            <p title="耳机音箱">耳机音箱</p>
        </li>
        <li>
            <img src="./imges/images_services/menu_routers.png" alt="" title="路由器">
            <p title="路由器">路由器</p>
        </li>
        <li>
            <img src="./imges/images_services/menu_lock.png" alt="" title="智能门锁">
            <p title="智能门锁">智能门锁</p>
        </li>
        <li>
            <img src="./imges/images_services/menu_homes.png" alt="" title="全屋智能">
            <p title="全屋智能">全屋智能</p>
        </li>
        <li>
            <img src="./imges/images_services/menu_all.png" alt="" title="全部产品">
            <p title="全部产品">全部产品</p>
        </li>
    </ul>

    <!-- 服务 -->
    <ul class="services wrapper">
        <li>
            <img src="./imges/images_services/services_door.png" alt="" title="上门安装">
            <p>上门安装</p>
        </li>
        <li>
            <img src="./imges/images_services/services_repair.png" alt="" title="维修服务">
            <p>维修服务</p>
        </li>
        <li>
            <img src="./imges/images_services/services_enquire.png" alt="" title="服务店查询">
            <p>服务店查询</p>
        </li>
        <li>
            <img src="./imges/images_services/services_question.png" alt="" title="问题排查">
            <p>问题排查</p>
        </li>
    </ul>
    <!-- 精选内容推荐 -->
    <h4>精选内容推荐</h4>
    <div class="Harmony">
        <div class="left">
            <a  title="HarmonyOS 4 服务支持">HarmonyOS 4 服务支持</a>
            <p>放肆玩 一起玩</p>
            <a  class="under" title="了解详情">了解详情 <span> > </span> </a>
        </div>
        <div class="right"></div>
    </div>
    <div class="share">
        <div class="left">

        </div>
        <div class="right">
            <a title="华为分享">华为分享</a>
            <p>全场景, 跨系统多屏协同, 实时互动</p>
            <a class="under" title="了解更多">了解更多 <span> > </span> </a>
        </div>
    </div>

    <!-- 热门活动推荐 -->
    <h2>热门活动推荐</h2>
    <div class="banners wrapper">
        <div class="box">
            <div class="banner_one banner">
                <div class="content">
                    <h5>99元起换电池</h5>
                    <p>官方服务, 久久续航</p>
                    <a href="#" class="now" title="查看当前活动">查看当前活动</a>
                    <a href="#" class="more" title="查看更多活动">查看更多活动</a>
                </div>
            </div>
            <div class="banner_two banner">
                <div class="content">
                    <h5>HUAWEI Care +</h5>
                    <p>一步到位, 呵护有加</p>
                    <a href="#" class="now" title="查看当前活动">查看当前活动</a>
                    <a href="#" class="more" title="查看更多活动">查看更多活动</a>
                </div>
            </div>
            <div class="banner_three banner">
                <div class="content">
                    <h5>内存升级8.8折</h5>
                    <p>指定机型存储内容升级342元起</p>
                    <a href="#" class="now" title="查看当前活动">查看当前活动</a>
                    <a href="#" class="more" title="查看更多活动">查看更多活动</a>
                </div>
            </div>
        </div>
        <ul class="min">
            <li class="m"></li>
            <li class="m"></li>
            <li class="m"></li>
        </ul>
        <div class="botton">
            <div class="botton-left">&lt;</div>
            <div class="botton-right">&gt;</div>
        </div>

    </div>

    <!-- 探索更多华为服务 -->
    <h2>探索更多华为服务</h2>
    <ul class="cards wrapper clearfix">
        <li>
            <div class="inside_box">
                <img src="./imges/images_services/card_1.png" alt="" title="保修期及权益查询">
                <p title="保修期及权益查询">保修期及权益查询</p>
                <span title="查询产品保修期及保障服务">查询产品保修期及保障服务</span>
            </div>
        </li>
        <li>
            <div class="inside_box">
                <img src="./imges/images_services/card_2.png" alt="" title="备件价格查询">
                <p title="备件价格查询">备件价格查询</p>
                <span title="查询非保修常用备件维修参考价">查询非保修常用备件维修参考价</span>
            </div>
        </li>
        <li>
            <div class="inside_box">
                <img src="./imges/images_services/card_3.png" alt="" title="预约服务">
                <p title="预约服务">预约服务</p>
                <span title="预约到店, 节省时间">预约到店, 节省时间</span>
            </div>
        </li>
        <li>
            <div class="inside_box">
                <img src="./imges/images_services/card_4.png" alt="" title="寄修服务">
                <p title="寄修服务">寄修服务</p>
                <span title="上门取机, 足不出户">上门取机, 足不出户</span>
            </div>
        </li>
        <li>
            <div class="inside_box">
                <img src="./imges/images_services/card_5.png" alt="" title="服务进度查询">
                <p title="服务进度查询">服务进度查询</p>
                <span title="查询产品服务进度">查询产品服务进度</span>
            </div>
        </li>
        <li>
            <div class="inside_box">
                <img src="./imges/images_services/card_6.png" alt="" title="真伪鉴别">
                <p title="真伪鉴别">真伪鉴别</p>
                <span title="查询设备是否正品">查询设备是否正品</span>
            </div>
        </li>
        <li>
            <div class="inside_box">
                <img src="./imges/images_services/card_7.png" alt="" title="国际漫游查询">
                <p title="国际漫游查询">国际漫游查询</p>
                <span title="查询设备国际漫游支持">查询设备国际漫游支持</span>
            </div>
        </li>
        <li>
            <div class="inside_box">
                <img src="./imges/images_services/card_8.png" alt="" title="保修政策">
                <p title="保修政策">保修政策</p>
                <span title="了解设备保修政策">了解设备保修政策</span>
            </div>
        </li>
    </ul>

    <!-- 获取帮助 -->
    <div class="help wrapper" title="获取帮助">
        <div class="content" title="">
            <h6>获取帮助</h6>
            <p>请选择遇到问题的产品，我们将为您推荐适用的解决方案</p>
            <a >立即开始</a>
        </div>

    </div>

    <!-- 扫一扫 -->
    <div class="sweep">
        <div class="wrapper">
            <div class="left">
                <img src="./imges/images_services/sweep_left.jpg" alt="" title="扫一扫，打开华为终端客户服务小程序">
                <div class="content">
                    <p class="one">扫一扫，打开华为终端客户服务小程序</p>
                    <p class="two">为华为全场景产品提供一站式在线服务</p>
                </div>
            </div>
            <div class="right">
                <img src="./imges/images_services/sweep_right.jpg" alt="" title="扫一扫，关注华为终端服务微信公众号">
                <div class="content">
                    <p class="one">扫一扫，关注华为终端服务微信公众号</p>
                    <p class="two">为消费者提供方便、快捷、贴心的服务</p>
                </div>
            </div>
        </div>

    </div>
    <!-- 联系我们 -->
        <div class="contact-we">
        <img src="./imges/images_services/contact-we.png" alt="">
        <span>联系我们</span>
            <div class="contact_text">
                <ul>
                    <li>
                        <span title="在线客服|7*24小时"></span>
                        <p title="在线客服|7*24小时">在线客服|7*24小时</p>
                    </li>
                    <li>
                        <div class="top">
                            <span title="消费者服务热线"></span>
                            <p title="消费者服务热线">消费者服务热线</p>
                        </div>
                        <div class="bottom">
                            950800 <br>
                            7*24小时 | 普通话
                        </div>
                    </li>
                    <li>
                        <div class="top">
                            <span title="Mate X系列、保时捷设计专属热线"></span>
                            <p title="Mate X系列、保时捷设计专属热线">Mate X系列、保时捷设计专属热线</p>
                        </div>
                        <div class="bottom">
                            950801
                        </div>
                    </li>
                    <li>
                        <span title="微信服务号"></span>
                        <p title="微信服务号">微信服务号</p>
                    </li>
                    <li>
                        <span title="服务店查询"></span>
                        <p title="服务店查询">服务店查询</p>
                    </li>
                    <li>
                        <span title="服务小程序"></span>
                        <p title="服务小程序">服务小程序</p>
                    </li>
                    <li>
                        <span title="销售门店查询"></span>
                        <p title="销售门店查询">销售门店查询</p>
                    </li>
                </ul>
            </div>
    </div>


    <!-- 底部 -->
    <div class="footer ">
        <div class="wrapper">
            <div class="footer_text">
                <div class="main">
                    <a  title="主页">主页</a>
                    <span> / </span>
                    服务与支持
                </div>
                <div class="footer_links">
                    <ul>
                        <li>
                            <h3>购买产品</h3>
                            <ul class="inter">
                                <li>
                                    <a title="手机">
                                        手机</a>
                                </li>
                                <li>
                                    <a title="笔记本">
                                        笔记本</a>
                                </li>
                                <li>
                                    <a title="台式机">
                                        台式机</a>
                                </li>
                                <li>
                                    <a title="显示器">
                                        显示器</a>
                                </li>
                                <li>
                                    <a title="打印机">
                                        打印机</a>
                                </li>
                                <li>
                                    <a title="平板">
                                        平板</a>
                                </li>
                                <li>
                                    <a title="智慧屏">
                                        智慧屏</a>
                                </li>
                                <li>
                                    <a title="穿戴">
                                        穿戴</a>
                                </li>
                                <li>
                                    <a title="耳机音箱">
                                        耳机音箱</a>
                                </li>
                                <li>
                                    <a title="路由器">
                                        路由器</a>
                                </li>
                                <li>
                                    <a title="配件">
                                        配件</a>
                                </li>
                                <li>
                                    <a title="商用产品">
                                        商用产品</a>
                                </li>
                                <li>
                                    <a title="教育商店">
                                        教育商店</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <h3>服务支持</h3>
                            <ul class="inter">
                                <li>
                                    <a title="保修政策">
                                        保修政策</a>
                                </li>
                                <li>
                                    <a title="上门安装">
                                        上门安装</a>
                                </li>
                                <li>
                                    <a title="维修服务">
                                        维修服务</a>
                                </li>
                                <li>
                                    <a title="保修期及权益查询">
                                        保修期及权益查询</a>
                                </li>
                                <li>
                                    <a title="维修备件价格">
                                        维修备件价格</a>
                                </li>
                                <li>
                                    <a title="服务进度查询">
                                        服务进度查询</a>
                                </li>
                                <li>
                                    <a title="联系我们">
                                        联系我们</a>
                                </li>
                                <li>
                                    <a title="服务隐私声明">
                                        服务隐私声明</a>
                                </li>
                                <li>
                                    <a title="商用服务">
                                        商用服务</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <h3>应用与下载</h3>
                            <ul class="inter">
                                <li>
                                    <a title="终端云服务">
                                        终端云服务</a>
                                </li>
                                <li>
                                    <a title="华为商城APP">
                                        华为商城APP</a>
                                </li>
                                <li>
                                    <a title="我的华为APP">
                                        我的华为APP</a>
                                </li>
                                <li>
                                    <a title="华为手机助手">
                                        华为手机助手</a>
                                </li>
                                <li>
                                    <a title="华为电脑管家">
                                        华为电脑管家</a>
                                </li>
                                <li>
                                    <a title="HarmonyOS 4">
                                        HarmonyOS 4</a>
                                </li>
                                <li>
                                    <a title="预置应用公示">
                                        预置应用公示</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <h3>新闻中心</h3>
                            <ul class="inter">
                                <li>
                                    <a title="华为新闻">
                                        华为新闻</a>
                                </li>
                                <li>
                                    <a title="华为活动">
                                        华为活动</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <h3>关于我们</h3>
                            <ul class="inter">
                                <li>
                                    <a title="关于我们">
                                        关于我们</a>
                                </li>
                                <li>
                                    <a title="可持续发展">
                                        可持续发展</a>
                                </li>
                                <li>
                                    <a title="隐私">
                                        隐私</a>
                                </li>
                                <li>
                                    <a title="华为商城">
                                        华为商城</a>
                                </li>
                                <li>
                                    <a title="华为云">
                                        华为云</a>
                                </li>
                                <li>
                                    <a title="企业业务">
                                        企业业务</a>
                                </li>
                                <li>
                                    <a title="运营商网络">
                                        运营商网络</a>
                                </li>
                                <li>
                                    <a title="华为集团">
                                        华为集团</a>
                                </li>
                                <li>
                                    <a title="加入华为">
                                        加入华为</a>
                                </li>
                                <li>
                                    <a title="内容举报">
                                        内容举报</a>
                                </li>
                            </ul>
                        </li>
                    </ul>

                </div>
                <div class="contact">
                    <ul>
                        <li>
                            <h3>在线支持</h3>
                            <ul class="inter">
                                <li>
                                    <a title="消费者服务热线">
                                        消费者服务热线</a>
                                </li>

                                <li>
                                    <a title="">
                                        950800</a>
                                </li>

                                <li>
                                    <a title="7*24小时 | 普通话">
                                        7*24小时 | 普通话</a>
                                </li>

                                <li>
                                    <a title="Mate X系列、保时捷设计专属热线">
                                        Mate X系列、保时捷设计
                                        专属热线
                                    </a>
                                </li>

                                <li>
                                    <a title="">
                                        950801</a>
                                </li>
                                <li>
                                    <a title="在线客服 | 7*24小时">
                                        在线客服 | 7*24小时</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <h3>线下支持</h3>
                            <ul class="inter">
                                <li>
                                    <a title="服务店查询">
                                        服务店查询
                                    </a>

                                </li>
                                <li>
                                    <a title="零售店查询">
                                        零售店查询
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <div class="contact_block">
                        <h3>关注我们</h3>
                        <div class="images">
                            <span class="weixin">
                                <img src="./imges/images_services/footer_code.jpg" alt="">
                            </span>
                            <a title="微博" class="weibo">

                                </span>

                        </div>
                    </div>

                </div>
                <div class="footer_bottom">
                    <div class="left" title="">
                        版权所有 © 华为终端有限公司 1998-2023。保留一切权利。粤A2-20044005号
                    </div>
                    <div class="center">
                        <ul>
                            <li>
                                <a title="网站地图">
                                    网站地图</a>
                            </li>
                            <li>
                                <a title="使用条款">
                                    使用条款</a>
                            </li>
                            <li>
                                <a title="隐私声明">
                                    隐私声明</a>
                            </li>
                            <li>
                                <a title="关于cookies">
                                    关于cookies</a>
                            </li>
                            <li>
                                <a title="法律信息">
                                    法律信息</a>
                            </li>
                        </ul>
                    </div>
                    <div class="right">
                        <a class="language" title="China - 简体中文">
                            China - 简体中文</a>
                        <a title="globe" class="globe">
                            <img src="./imges/images_services/earth.png" alt="">
                        </a>

                    </div>
                </div>
            </div>
        </div>

        <script src="./js/index.js">

        </script>
</body>

</html>